<script setup type="module">
    import { defineEmits } from 'vue';

    // 定义事件名为content
    const emits = defineEmits(['content']);

    // 触发点击事件，这些此函数，将li的名字传递给content事件
    let fun = function(data) {
        emits('content', data);
    }

</script>

<template>
    <div>
        <ul>
            <li @click="fun('学员管理')"><a href="#">学员管理</a></li>
            <li @click="fun('请假管理')"><a href="#">请假管理</a></li>
            <li @click="fun('考试管理')"><a href="#">考试管理</a></li>
            <li @click="fun('图书管理')"><a href="#">图书管理</a></li>
            <li @click="fun('讲师管理')"><a href="#">讲师管理</a></li>
        </ul>
    </div>
</template>

<style scoped>
</style>